
.top-search-view-card{

    background: #01C7AB;

    .el-form-item__label{
        color: #FFFFFF;
    }

    .search-button{
        background: #FFB30F;
        color: #000000;
    }

    .reset-button{
        background: #13E1F3;
        color: #000000;
    }

    .new-button{
        background: #FFFFFF;
        color: #000000;
    }
    .del-button{
        background: #FFFFFF;
        color: #000000;
    }
}

.el-table th{
    background: #d9f7f2;
    color: #000000;
}



.top-tab-view{
    width: 496px;
    height: 61px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    .tab-item{
        width: 244px;
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        font-size: 14px;
    }
    .left-item{
        margin-right: 8px;
    }
    .tab-select-item{
        color: #FFFFFF;
        background: linear-gradient(to right,#1E87F0,#37DBF8);;
    }

    .tab-normal-item{
        color: #898989;
        background: #EFF0F1;
    }
    .tab-icon{
        width: 18px;
        height: 18px;
        margin-right: 37px;
    }

    .can-click-item{
        cursor:pointer;
    }

}

.search-view{
    .el-form-item{
        margin-top: 10px;
        margin-bottom: 10px;
    }
}



.main-card-view{
    .el-row {
        margin-bottom: 10px;
        &:last-child {
            margin-bottom: 0;
        }
    }
}

.table-details-btn {
    width: 20px;
    height: 20px;
    background: url("/static/img/table_details_icon.svg") no-repeat;
}

.table-edit-btn {
    width: 20px;
    height: 20px;
    background: url("/static/img/table_edit_icon.svg") no-repeat;
}

.table-delete-btn {
    width: 20px;
    height: 20px;
    background: url("/static/img/table_delete_icon.svg") no-repeat;
}

.table-info-1-btn {
    width: 20px;
    height: 20px;
    background: url("/static/img/table_info_1_icon.svg") no-repeat;
}

.table-info-2-btn {
    width: 20px;
    height: 20px;
    background: url("/static/img/table_info_2_icon.svg") no-repeat;
}
